<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="styleFicheEnfant.css" />
<link rel="stylesheet" media="screen" type="text/css" href="tableau.css" />
</head>
<body>
	<div id="tout">



		<div id="header">
			<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>



		</div>
		<div style="clear: both;"></div>

		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">
			<ul id="menu">

				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>
			<div id="milieux">
				<div id="centre">
					<div id="colonneGauche">
						<fieldset id="infoEnfant">
							<legend>
								<b>Mon enfant</b>
							</legend>
							<table>
								<tr>
									<td><label>Nom:</label></td>
									<td><h:outputText value="#{beanEleveHib.el.nomEnfant}" /></td>

								</tr>
								<tr />
								<tr>
									<td><label>Prénom:</label></td>
									<td><h:outputText value="#{beanEleveHib.el.prenomEnfant}" /></td>
								</tr>
								<tr />
								<tr>
									<td><label>Date de naissance:   </label></td>
									<td><h:outputText value="#{beanEleveHib.el.dateDeNaissance}">
											<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
										</h:outputText></td>
								</tr>
								<tr />
								<tr>
									<td><label>Ecole:</label></td>
									<td><h:outputText value="#{beanEleveHib.nomEcole}" /></td>
								</tr>
								<tr />
								<tr>
									<td><label>Niveau:</label></td>
									<td><h:outputText value="#{beanEleveHib.niveau}" /></td>

								</tr>
								<tr />
								<tr>
									<td><label>Allergies:</label></td>
									<td><h:outputText value="#{beanEleveHib.el.allergie}" /></td>
								</tr>
								<tr />
								<tr>
									<td><label>Vaccins:</label></td>
									<td><h:outputText value="#{beanEleveHib.el.vaccins}" /></td>
								</tr>
								<tr />
								<tr />
								<tr>
									<td><label>Commentaires:</label></td>
									<td><h:inputTextarea id="textArea" rows="4" cols="7"
											value="#{beanEleveHib.el.commentaireEleve}" /></td>
								</tr>
								<tr />

								<tr></tr>
							</table>
						</fieldset>
					</div>
					<div id="colonneDroite">

						<fieldset>
							<h:form id="formChoixRef">
								<table>
									<tr>
										<td><label>Liste des référents:</label></td>
										<td><h:selectOneMenu id="referents"
												value="#{beanEleveHib.referent}">
												<f:ajax listener="#{beanEleveHib.changeReferent}"
													render="formInfosAdulte formRecup" />
												<f:selectItems value="#{beanEleveHib.listeAutorises}" />
											</h:selectOneMenu></td>
									</tr>
								</table>
							</h:form>
						</fieldset>

						<h:form id="formInfosAdulte">

							<h:panelGroup rendered="#{beanEleveHib.visibiliTinfosAd}">
								<fieldset id="infoReferents">
									<legend>
										<b>Ses référents</b>
									</legend>
									<table>
										<tr>
											<td><label>Nom:</label></td>
											<td><h:outputText id="idNomAdulte"
													value="#{beanEleveHib.ad.nomAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Prénom:</label></td>
											<td><h:outputText
													value="#{beanEleveHib.ad.prenomAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Adresse:</label></td>
											<td><h:outputText
													value="#{beanEleveHib.ad.adresseAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Tél. fixe:</label></td>
											<td><h:outputText
													value="#{beanEleveHib.ad.telFixeAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Tél. portable:</label></td>
											<td><h:outputText
													value="#{beanEleveHib.ad.telMobileAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Tél. travail:</label></td>
											<td><h:outputText
													value="#{beanEleveHib.ad.telTravailAdulte}" size="21"
													maxlength="256" /></td>
										</tr>
										<tr />
										<tr>
											<td><label>Email :</label></td>
											<td><h:outputText value="#{beanEleveHib.ad.emailAdulte}"
													size="21" maxlength="256" /></td>
										</tr>
										<tr></tr>

										<tr />
										<tr>
											<td><label>Responsable Légal</label></td>
											<td><h:selectBooleanCheckbox title="checkRL"
													value="#{beanEleveHib.valRespLeg}">
												</h:selectBooleanCheckbox></td>
										</tr>
									</table>
								</fieldset>
							</h:panelGroup>

						</h:form>
						<h:form id="formRecup">
							<h:panelGroup rendered="#{beanEleveHib.visibiliTRecup}">
								<fieldset id="listRecup">
									<legend>
										<b>Adultes autorisés à récupérer l'enfant</b>
									</legend>
									<div class="datagrid">

										<h:dataTable id="listeRecupere"
											value="#{beanEleveHib.adultesAutorises}" var="adAut"
											styleClass="order-table" headerClass="order-table-header"
											rowClasses="order-table-odd-row,order-table-even-row">

											<h:column>
												<f:facet name="header">Nom</f:facet>
    			#{adAut.nomAdulte}
    		</h:column>
											<h:column>
												<f:facet name="header">Prénom</f:facet>
    			#{adAut.prenomAdulte}
    		</h:column>
											<h:column>
												<f:facet name="header">Détail</f:facet>
												<h:commandLink actionListener="#{beanEleveHib.action}">
													<f:attribute name="detailAdult" value="#{adAut.idAdulte}" />
													<h:outputText value="detail" />
												</h:commandLink>

											</h:column>
										</h:dataTable>


									</div>
								</fieldset>
							</h:panelGroup>
						</h:form>
					</div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>

</body>
</html>
